export const show5 = () => {
    return {
      "App.vue":`

      <template>
      <div
        class="content"
      >
      <show5   />
      </div>
    </template>
    
    <script setup>
    import { ref, reactive, nextTick, onMounted, watch } from "vue";
    import show5 from "./show5.vue";
  
    
    onMounted(() => {
    });
    </script>
    
    <style scoped >
  .content{
        width: 100%;
        padding-top:100px;
        background:#042C67;
        height: 492px; display: flex;justify-content: center;
  }
    </style>
    
    
      
      
    
    
      
      
    
    
      
    
      
      
    
    
      
      
    
    
      `,
      "src/show5.vue":`



      <template>
      <div
        class="show5Box"
      :style="{
        width:width+'px',
        height:height+'px',
      }"
      >
      <img src="/vue.example/static/show5.png"
    class="image1"
       alt="" />
      
       <div class="title">{{item.title}}</div>
         <div class="subTitle">{{item.subTitle}}</div>
      </div>
    </template>
    
    <script setup>
    import {
      ref,
      reactive,
      defineEmits,
      onMounted,
      onUpdated,
      computed,
    } from "vue";
  const props =  defineProps({
     width:{
        type:Number,
        default:162 
      },
        height:{
        type:Number,
        default:199
      },
      item:{
        type:Object,
        default:()=>{
          return {
            icon:"/vue.example/static/card1.png",
            title:"3200",
            subTitle:"已回款(万元)"
          }
        }
      }
});

 
    
    onUpdated(() => {});
    </script>
    
    <style scoped>
    .show5Box{
      position: relative;
    }
    .image1{
        width:100%;
  height: 100%;
    }
    .title{
        z-index: 1;
  position: absolute;
  left:50%;
   transform: translateX(-50%);
   top:25px;
font-weight: 800;
font-size: 24px;
color: rgba(11, 249, 254, 1);
    }

        .subTitle{
        z-index: 1;
  position: absolute;
  left:50%;
   transform: translateX(-50%);  
   bottom:10px;
font-weight: 400;
font-size: 14px;
color: #FFFFFF;
    }
    .showIcon{
              z-index: 1;
  position: absolute;
  left:50%;
   transform: translateX(-50%);  
   top:35px;
   width:40px;
   height:40px;
    }
    </style>
    
      
      
    
      
      
    
      
      `
    }
   
  };
  